
	.bgi{
		position: relative;
		width: 100%;
		height: 1028rpx;
		background-image: url('https://files.yzsheng.com/client/imgs/yqylbj.png');
		background-repeat: no-repeat;
		background-size: contain;

	}
	// 头部导航
	.headbox{
    height: 158rpx;
    width: 250rpx;
	  position: absolute;
	  top:60rpx;
	  z-index: 9;
	  .uiconcss{
	  }
	  .uiconone{
	    margin-left: 20rpx;
	  }
	}
	.invitation {
		padding: 0 36rpx;

		//卡片
		.coupon {
			background: #fffbe9;
			// opacity: 0.85;
			border-radius: 0rpx 0rpx 20rpx 20rpx;



			//合伙人攻略
			.strategy {
				color: #808080;
				font-size: 24rpx;
				font-weight: 500;
				margin: 0rpx 30rpx 30rpx 30rpx;
			}

			//刻度条
			.scale {
				margin: 0 auto;
				width: 634rpx;
				height: 200rpx;
				background: #FFFFFF;
				box-shadow: 0px 0rpx 10rpx 0rpx rgba(172, 172, 172, 0.3);
				border-radius: 20rpx;
				padding-top: 100rpx;
				

				.list {
					
					.enlarge{

						&-main{
							font-size: 28rpx;
							text-align: center;
							position: absolute;
							top: -70rpx;
							width: 18%;
							height: 40rpx;
							background: #FFFFFF;
							box-shadow: 0px 0px 10rpx 0px rgba(172, 172, 172, 0.4);
							border-radius: 20rpx;
						}
					}

					.botline {
						position: relative;
						margin: 0 auto;
						width: 570rpx;
						height: 12rpx;
						background-color: #EEEEEE;
						border-radius: 8rpx;

						.left {
							position: absolute;
							bottom: -6rpx;
							z-index: 1;
							width: 7rpx;
							height: 22rpx;
							background: linear-gradient(0deg, #FBD220 0%, #FFE23E 100%);

						}

						.right {
							position: absolute;
							z-index: 1;
							bottom: -6rpx;
							width: 7rpx;
							height: 22rpx;
							background: linear-gradient(0deg, #FBD220 0%, #FFE23E 100%);

						}

						.topline {
							height: 12rpx;
							background: linear-gradient(0deg, #FBD220 0%, #FFE23E 100%);
							border-radius: 5rpx;
						}
					}

					.number {

						.line {
							margin: 0 auto;
							width: 570rpx;
							position: relative;

							&-left {
								position: absolute;
								left: -7rpx;
								top: -60rpx;
								font-size: 28rpx;
								font-weight: 500;
								color: #999999;
							}

							&-left-s {
								position: absolute;
								left: 2rpx;
								top: -25rpx;
								width: 2rpx;
								height: 14rpx;
								background: #DDDDDD;
							}

							&-s {
								position: absolute;
								right: 2rpx;
								top: -25rpx;
								width: 2rpx;
								height: 14rpx;
								background: #DDDDDD;
							}

							&-num {
								position: absolute;
								right: -13rpx;
								top: -60rpx;
								font-size: 28rpx;
								font-weight: 500;
								color: #999999;
							}
						}
					}

				}

				.pack {
					position: relative;

					// left: 21rpx;
					bottom: 35rpx;
					width: 100%;
					display: flex;
					justify-content: space-between;

					.kd {
						margin: 0 auto;
						width: 2rpx;
						height: 10rpx;
						background: #DDDDDD;
					}
				}

				.more {
					margin: 20rpx 0;
					text-align: center;
					font-size: 24rpx;
					font-weight: 500;
					color: #666666;
				}
			}

			.wxbtn {
				margin: 29rpx 20rpx;
				width: 590rpx;
				height: 88rpx;
				line-height: 88rpx;
        background: linear-gradient(0deg, #36C34A, #3FD955);
				border-radius: 44rpx;
        font-size: 30rpx;
        color: #FFFFFF;
        text-align: center;
			}
			.btn {
				margin: 29rpx 20rpx;
				width: 590rpx;
				height: 88rpx;
				line-height: 88rpx;
				background: linear-gradient(0deg, #FBD220, #FFE23E);
				border-radius: 44rpx;
        font-size: 30rpx;
				color: #3D3D3D;
			}

			.user {
				text-align: center;
				font-size: 26rpx;
				font-weight: 500;
				color: #FF821D;
				padding-bottom: 29rpx;
			}

		}
    .participation{
			color: #333333;
			width: 680rpx;
			border-radius: 20rpx;
			margin-top: 32rpx;
    }
		.achievement {
			// padding: 22rpx;
			color: #333333;
			margin-top: 32rpx;
			width: 680rpx;
			height: 240rpx;
			background: rgba(255, 255, 255, 0.91);
			border-radius: 20rpx;

			&-me {
				margin-top: 18rpx;

				&-top {
					text-align: center;

					.num {

						text {
							font-size: 54rpx;
							font-weight: bold;
							color: #FF9813;
						}
					}

					.describe {
						font-size: 24rpx;
						font-weight: 500;
						color: #666666;
					}
				}
			}


			&-head {
				padding: 22rpx;
				border-bottom: 2rpx solid #EEEEEE;
			}

			.right {
				.me {
					margin-left: 16rpx;
					font-size: 30rpx;
				}
			}

			.left {
				color: #999999;

				.look {
					font-size: 24rpx;
					font-weight: 500;
					color: #808080;
				}
			}
		}
	}
